<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title> QQ音乐首页升级版</title>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
			}

			.bigbox {
				position: relative;
				width: 100%;
				height: 100px;
				background-color: white;
				margin: auto;
			}

			.bigbox1 {
				position: absolute;
				top: 10px;
				left: 20px;
				width: 100%;
				height: 82px;
				background-color: white;
				margin: auto;
			}

			.box1 {
				position: absolute;
				width: 20%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 45px;
			}

			.box1 img {
				position: absolute;
				top: 10px;
				left: 60px;
				width: 50px;
				height: 50px;
				float: left;
				margin: left;


			}

			.box1 h1 {
				font-size: 33px;
				position: absolute;
				top: 14px;
				left: 114px;
				margin-right: 30px;
			}

			.box1:hover {
				color: aqua;
			}

			.box2 {
				position: absolute;
				width: 35%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 45px;
			}

			.box2 h2 {
				font-size: 17px;
				position: absolute;
				top: 30px;
				left: 278px;
				margin-right: 24px;
			}

			.wd {
				position: absolute;
				width: 50%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 45px;
			}

			.wd h3 {
				font-size: 17px;
				position: absolute;
				top: 31px;
				left: 368px;
				margin-right: 30px;
			}

			.kh {
				position: absolute;
				width: 50%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 45px;

			}

			.kh h4 {
				font-size: 17px;
				position: absolute;
				top: 32px;
				left: 471px;
				margin-right: 30px;

			}

			.kf {
				position: absolute;
				width: 50%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 45px;

			}

			.kf h5 {
				font-size: 17px;
				position: absolute;
				top: 32px;
				left: 557px;
				margin-right: 30px;

			}

			.vip {
				position: absolute;
				width: 60%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 45px;


			}

			.vip h6 {
				font-size: 17px;
				position: absolute;
				top: 32px;
				left: 667px;
				margin-right: 30px;
			}

			.serch {
				position: relative;
				top: 24px;
				left: 142px;
				width: 240px;
				height: 50px;
				border: 1px solid rgb(207, 207, 207);
				margin: auto;
			}

			.serch input {
				position: absolute;
				left: 15px;
				top: 5px;
				border: 0;
				height: 40px;
				width: 178px;
			}

			.serch img {
				position: absolute;
				right: 13px;
				top: 11px;
				height: 30px;
			}

			.dlu {
				position: absolute;
				width: 80%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 45px;

			}

			.dlu p {
				font-size: 18px;
				position: absolute;
				top: -17px;
				left: 1037px;
				margin-right: 30px;
			}

			.kt {
				position: relative;
				top: -28px;
				left: 426px;
				width: 169px;
				height: 50px;
				border: 1px solid rgb(207, 207, 207);
				margin: auto;

			}

			.kt p {
				font-size: 17px;
				position: absolute;
				top: 12px;
				left: 35px;
				margin-right: 30px;
			}

			.kt .p1 {
				position: absolute;
				top: 19px;
				left: 140px;
				width: 0;
				height: 0;
				border-bottom: 10px solid transparent;
				border-top: 10px solid black;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
			}

			.cz {
				position: relative;
				top: -79px;
				left: 593px;
				width: 128px;
				height: 50px;
				border: 1px solid rgb(207, 207, 207);
				margin: auto;

			}

			.cz p {
				font-size: 17px;
				position: absolute;
				top: 12px;
				left: 35px;
				margin-right: 30px;

			}

			.cz .p2 {
				position: absolute;
				top: 19px;
				left: 94px;
				width: 0;
				height: 0;
				border-bottom: 10px solid transparent;
				border-top: 10px solid black;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
			}

			.bigbox2 {
				position: absolute;
				top: 88px;
				left: -20px;
				width: 100%;
				height: 43px;
				background-color: white;
				margin: auto;
			}

			.bigbox2 .sy {
				position: absolute;
				width: 35%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 15px;
			}

			.bigbox2 .sy p {
				font-size: 17px;
				position: absolute;
				top: 3px;
				left: 285px;
				margin-right: 15px;
			}

			.bigbox2 .gs {
				position: absolute;
				width: 35%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 15px;
			}

			.bigbox2 .gs p {
				font-size: 16px;
				position: absolute;
				top: 4px;
				left: 365px;
				margin-right: 15px;
			}

			.bigbox2 .xd {
				position: absolute;
				width: 35%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 15px;
			}

			.bigbox2 .xd p {
				font-size: 16px;
				position: absolute;
				top: 4px;
				left: 439px;
				margin-right: 15px;
			}

			.bigbox2 .phb {
				position: absolute;
				width: 45%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 15px;

			}

			.bigbox2 .phb p {
				font-size: 16px;
				position: absolute;
				top: 4px;
				left: 511px;
				margin-right: 15px;
			}

			.bigbox2 .flgd {
				position: absolute;
				width: 50%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 15px;

			}

			.bigbox2 .flgd p {
				font-size: 16px;
				position: absolute;
				top: 4px;
				left: 599px;
				margin-right: 15px;
			}

			.bigbox2 .dt {
				position: absolute;
				width: 55%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 15px;
			}

			.bigbox2 .dt p {
				font-size: 16px;
				position: absolute;
				top: 4px;
				left: 703px;
				margin-right: 15px;
			}

			.bigbox2 .mmvv {
				position: absolute;
				width: 60%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 15px;
			}

			.bigbox2 .mmvv p {
				font-size: 16px;
				position: absolute;
				top: 4px;
				left: 780px;
				margin-right: 15px;
			}

			.bigbox2 .szzj {
				position: absolute;
				width: 65%;
				height: 50%;
				margin: right;
				float: right;
				font-size: 15px;
			}

			.bigbox2 .szzj p {
				font-size: 16px;
				position: absolute;
				top: 4px;
				left: 856px;
				margin-right: 15px;
			}

			.bigbox5 {
				width: 100%;
				height: 470px;
				margin: 10px auto;
				position: absolute;
				top: 131px;
				background-color: #f0f0f0;
			}

			.bigbox5 .gdtj {
				position: absolute;
				top: 35px;
				left: 646px;
				margin: auto;
				width: 100%;
				height: 70px;
			}

			.bigbox5 .gdtj p {
				letter-spacing: 10px;
				font-size: 34px;
				color: black;
				position: absolute;
			}

			.bigbox6 {
				width: 100%;
				height: 26px;
				margin: 10px auto;
				position: absolute;
				top: 95px;
				background-color: #f0f0f0;
			}

			.bigbox6 .wntj {
				position: absolute;
				top: 0px;
				left: 403px;
				margin: auto;
				width: 30%;
				height: 20%;
			}

			.bigbox6 .wntj p {
				font-size: 17px;
				color: green;
				position: absolute;
			}

			.bigbox6 .sg {
				position: absolute;
				top: 0px;
				left: 516px;
				width: 30%;
				height: 20%;
			}

			.bigbox6 .sg p {
				font-size: 17px;
				color: black;
				position: absolute;
			}

			.bigbox6 .yy {
				position: absolute;
				top: 0px;
				left: 598px;
				width: 30%;
				height: 20%;
			}

			.bigbox6 .yy p {
				font-size: 17px;
				color: black;
				position: absolute;
			}

			.bigbox6 .jd {
				position: absolute;
				top: 0px;
				left: 688px;
				width: 30%;
				height: 20%;
			}

			.bigbox6 .jd p {
				font-size: 17px;
				color: black;
				position: absolute;
			}

			.bigbox6 .gfgd {
				position: absolute;
				top: 0px;
				left: 768px;
				width: 30%;
				height: 20%;
			}

			.bigbox6 .gfgd p {
				font-size: 17px;
				color: black;
				position: absolute;
			}

			.bigbox6 .qg {
				position: absolute;
				top: 0px;
				left: 868px;
				width: 30%;
				height: 20%;
			}

			.bigbox6 .qg p {
				font-size: 17px;
				color: black;
				position: absolute;
			}

			.bigbox7 {
				position: absolute;
				top: 147px;
				left: 183px;
				height: 251px;
				width: 1086px;
				background-color: white;
				margin: left;

			}

			.bigbox7 .tuyi {
				position: absolute;
				top: -1px;
				left: 0px;
				width: 200px;
				height: 201px;


			}

			.bigbox7 .tuyi img {
				position: absolute;
				width: 200px;
				height: 200px;
			}

			.tuyi .yi {
				position: absolute;
				top: 213px;
				width: 200px;
				height: 50px;
			}

			.tuyi .yi p {

				font-size: 13px;
				color: black;
			}

			.bigbox7 .tuer {
				position: absolute;
				top: -1px;
				left: 222px;
				width: 300px;
				height: 301px;
			}

			.bigbox7 .tuer img {
				position: absolute;
				width: 200px;
				height: 200px;
			}

			.tuer .er {
				position: absolute;
				top: 213px;
				width: 220px;
				height: 50px;
			}

			.tuer .er p {
				font-size: 13px;
				color: black;
			}

			.bigbox7 .tusan {
				position: absolute;
				top: -1px;
				left: 442px;
				width: 300px;
				height: 301px;
			}

			.bigbox7 .tusan img {
				position: absolute;
				width: 200px;
				height: 200px;
			}

			.tusan .san {
				position: absolute;
				top: 213px;
				width: 245px;
				height: 50px;
			}

			.tusan .san p {
				font-size: 13px;
				color: black;
			}

			.bigbox7 .tusi {
				position: absolute;
				top: -1px;
				left: 664px;
				width: 300px;
				height: 301px;
			}

			.bigbox7 .tusi img {
				position: absolute;
				width: 200px;
				height: 200px;
			}

			.tusi .si {
				position: absolute;
				top: 213px;
				width: 265px;
				height: 50px;
			}

			.tusi .si p {
				font-size: 13px;
				color: black;
			}

			.bigbox7 .tuwu {
				position: absolute;
				top: -1px;
				left: 886px;
				width: 300px;
				height: 301px;
			}

			.bigbox7 .tuwu img {
				position: absolute;
				width: 200px;
				height: 200px;
			}

			.tuwu .wu {
				position: absolute;
				top: 213px;
				width: 285px;
				height: 50px;
			}

			.tuwu .wu p {
				font-size: 13px;
				color: black;
			}

			.bigbox8 {
				position: absolute;
				top: 257px;
				left: 390px;
				width: 322px;
				height: 60px;
				margin: auto;
				background-color: #f0f0f0;
			}

			.bigbox8 .dd1 {
				position: absolute;
				top: 26px;
				left: 55px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.bigbox8 .dd2 {
				position: absolute;
				top: 26px;
				left: 96px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: grey;
			}

			.bigbox8 .dd3 {
				position: absolute;
				top: 26px;
				left: 137px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: grey;
			}

			.bigbox8 .dd4 {
				position: absolute;
				top: 26px;
				left: 176px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.bigbox8 .dd5 {
				position: absolute;
				top: 26px;
				left: 215px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: grey;
			}

			.xgbigbox {
				position: absolute;
				top: 611px;
				width: 100%;
				height: 600px;
				background-color: white;
				margin: auto;
			}

			.xgbigbox .xgsf {
				position: absolute;
				top: 5px;
				left: 561px;
				width: 302px;
				height: 101px;
				/* background-color:gold; */
				margin: auto;
			}

			.xgbigbox .xgsf p {
				position: absolute;
				top: 30px;
				left: 68px;
				width: 178px;
				height: 70px;
				font-size: 34px;
				letter-spacing: 10px;
			}

			.bbffbox {
				position: absolute;
				top: 89px;
				left: 175px;
				width: 924px;
				height: 70px;
			}

			.bofabox {
				position: absolute;
				background-color: white;
				border: 1px solid rgba(0, 0, 0, 0.3);
				width: 134px;
				height: 43px;

			}

			.bofabox p {
				position: absolute;
				top: 12px;
				left: 44px;
				width: 178px;
				height: 70px;

			}

			.bofabox .p5 {
				position: absolute;
				top: 15px;
				left: 26px;
				width: 0;
				height: 0;
				border-bottom: 10px solid transparent;
				border-top: 10px solid transparent;
				border-left: 10px solid black;
				border-right: 10px solid transparent;
			}

			.bbffbox .zx {
				position: absolute;
				background-color: white;
				top: 16px;
				left: 335px;
				width: 576px;
				height: 22px;
			}

			.bbffbox .zx p {
				position: absolute;
				color: green;
				font-size: 17px;
				top: -2px;
				left: 14px;
				width: 35px;
				height: 30px;
			}

			.zx .a1 {
				position: absolute;
				color: black;
				font-size: 17px;
				top: -2px;
				left: 110px;
				width: 45px;
				height: 30px;
			}

			.zx .a2 {
				position: absolute;
				color: black;
				font-size: 17px;
				top: -2px;
				left: 204px;
				width: 45px;
				height: 30px;
			}

			.zx .a3 {
				position: absolute;
				color: black;
				font-size: 17px;
				top: -2px;
				left: 307px;
				width: 45px;
				height: 30px;
			}

			.zx .a4 {
				position: absolute;
				color: black;
				font-size: 17px;
				top: -2px;
				left: 403px;
				width: 45px;
				height: 30px;
			}

			.zx .a5 {
				position: absolute;
				color: black;
				font-size: 17px;
				top: -2px;
				left: 497px;
				width: 45px;
				height: 30px;
			}

			.ysyhbox {
				position: absolute;
				background-color: black;
				top: 192px;
				left: 176px;
				width: 1137px;
				height: 86px;
			}

			.ysyhbox .mww {
				position: absolute;
				width: 428px;
				height: 86px;
				background-color: white;
			}

			.ysyhbox img {
				position: absolute;
				top: 0px;
				width: 72px;
				height: 69px;
			}

			.ysyhbox .b1 {
				position: absolute;
				top: 18px;
				left: 89px;
				width: 200px;
				height: 69px;
				font-size: 18px;
				color: black;
			}

			.ysyhbox .b2 {
				position: absolute;
				top: 46px;
				left: 86px;
				width: 186px;
				height: 69px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.3);
			}

			.ysyhbox .b3 {
				position: absolute;
				top: 36px;
				left: 321px;
				width: 72px;
				height: 69px;
				font-size: 13px;
				color: rgba(0, 0, 0, 0.3);
			}

			.jxz {
				position: absolute;
				left: 352px;
				width: 428px;
				height: 86px;
				background-color: white;
			}

			.jxz img {
				position: absolute;
				top: 0px;
				left: 50px;
				width: 72px;
				height: 69px;
			}

			.jxz .c1 {
				position: absolute;
				top: 18px;
				left: 137px;
				width: 200px;
				height: 69px;
				font-size: 18px;
				color: black;
			}

			.jxz .c2 {
				position: absolute;
				top: 46px;
				left: 139px;
				width: 186px;
				height: 69px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.3);
			}

			.jxz .c3 {
				position: absolute;
				top: 36px;
				left: 321px;
				width: 72px;
				height: 69px;
				font-size: 13px;
				color: rgba(0, 0, 0, 0.3);
			}

			.yushi {
				position: absolute;
				left: 709px;
				width: 428px;
				height: 86px;
				background-color: white;
			}

			.yushi img {
				position: absolute;
				top: 0px;
				left: 50px;
				width: 72px;
				height: 69px;
			}

			.yushi .d1 {
				position: absolute;
				top: 18px;
				left: 137px;
				width: 200px;
				height: 69px;
				font-size: 18px;
				color: black;
			}

			.yushi .d2 {
				position: absolute;
				top: 46px;
				left: 139px;
				width: 186px;
				height: 69px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.3);
			}

			.yushi .d3 {
				position: absolute;
				top: 36px;
				left: 371px;
				width: 72px;
				height: 69px;
				font-size: 13px;
				color: rgba(0, 0, 0, 0.3);
			}

			.hengx {
				position: absolute;
				top: 85px;
				width: 1134px;
				border: 1px solid rgba(0, 0, 0, .1);
				background-color: rgba(0, 0, 0, .1);
			}

			.dsmbox {
				position: absolute;
				background-color: black;
				top: 115px;
				width: 1137px;
				height: 86px;
			}

			.dsmbox .dilireb {
				position: absolute;
				width: 428px;
				height: 86px;
				background-color: white;
			}

			.dsmbox img {
				position: absolute;
				top: 0px;
				width: 72px;
				height: 69px;
			}

			.dsmbox .e1 {
				position: absolute;
				top: 18px;
				left: 89px;
				width: 200px;
				height: 69px;
				font-size: 18px;
				color: black;
			}

			.dsmbox .e2 {
				position: absolute;
				top: 46px;
				left: 88px;
				width: 186px;
				height: 69px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.3);
			}

			.dsmbox .e3 {
				position: absolute;
				top: 36px;
				left: 321px;
				width: 72px;
				height: 69px;
				font-size: 13px;
				color: rgba(0, 0, 0, 0.3);
			}

			.wxinli {
				position: absolute;
				left: 401px;
				width: 428px;
				height: 86px;
				background-color: white;
			}

			.wxinli img {
				position: absolute;
				top: 0px;
				width: 72px;
				height: 69px;
			}

			.wxinli .f1 {
				position: absolute;
				top: 18px;
				left: 89px;
				width: 200px;
				height: 69px;
				font-size: 18px;
				color: black;
			}

			.wxinli .f2 {
				position: absolute;
				top: 46px;
				left: 88px;
				width: 186px;
				height: 69px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.3);
			}

			.wxinli .f3 {
				position: absolute;
				top: 36px;
				left: 279px;
				width: 72px;
				height: 69px;
				font-size: 13px;
				color: rgba(0, 0, 0, 0.3);
			}

			.hzhf {
				position: absolute;
				left: 762px;
				width: 375px;
				height: 86px;
				background-color: white;
			}

			.hzhf img {
				position: absolute;
				top: 0px;
				width: 72px;
				height: 69px;
			}

			.hzhf .g1 {
				position: absolute;
				top: 18px;
				left: 89px;
				width: 200px;
				height: 69px;
				font-size: 18px;
				color: black;
			}

			.hzhf .g2 {
				position: absolute;
				top: 46px;
				left: 88px;
				width: 186px;
				height: 69px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.3);
			}

			.hzhf .g3 {
				position: absolute;
				top: 36px;
				left: 325px;
				width: 72px;
				height: 69px;
				font-size: 13px;
				color: rgba(0, 0, 0, 0.3);
			}

			.erheng {
				position: absolute;
				top: 85px;
				width: 1134px;
				border: 1px solid rgba(0, 0, 0, .1);
				background-color: rgba(0, 0, 0, .1);
			}

			.wsgs {

				position: absolute;
				top: 118px;
				width: 428px;
				height: 86px;
				background-color: white;
			}

			.wsgs img {
				position: absolute;
				top: 0px;
				width: 72px;
				height: 69px;
			}

			.wsgs .i1 {
				position: absolute;
				top: 18px;
				left: 89px;
				width: 200px;
				height: 69px;
				font-size: 18px;
				color: black;

			}

			.wsgs .i2 {
				position: absolute;
				top: 46px;
				left: 88px;
				width: 186px;
				height: 69px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.3);

			}

			.wsgs .i3 {
				position: absolute;
				top: 36px;
				left: 321px;
				width: 72px;
				height: 69px;
				font-size: 13px;
				color: rgba(0, 0, 0, 0.3);
			}

			.tcsy {
				position: absolute;
				top: 118px;
				left: 401px;
				width: 428px;
				height: 86px;
				background-color: white;
			}

			.tcsy img {
				position: absolute;
				top: 0px;
				width: 72px;
				height: 69px;
			}

			.tcsy .j1 {
				position: absolute;
				top: 18px;
				left: 89px;
				width: 200px;
				height: 69px;
				font-size: 18px;
				color: black;
			}

			.tcsy .j2 {
				position: absolute;
				top: 46px;
				left: 88px;
				width: 186px;
				height: 69px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.3);
			}

			.tcsy .j3 {
				position: absolute;
				top: 36px;
				left: 279px;
				width: 72px;
				height: 69px;
				font-size: 13px;
				color: rgba(0, 0, 0, 0.3);
			}

			.sgzh {
				position: absolute;
				top: 119px;
				left: 762px;
				width: 375px;
				height: 86px;
				background-color: white;
			}

			.sgzh img {
				position: absolute;
				top: 0px;
				width: 72px;
				height: 69px;
			}

			.sgzh .k1 {
				position: absolute;
				top: 18px;
				left: 89px;
				width: 200px;
				height: 69px;
				font-size: 18px;
				color: black;
			}

			.sgzh .k2 {
				position: absolute;
				top: 46px;
				left: 88px;
				width: 186px;
				height: 69px;
				font-size: 14px;
				color: rgba(0, 0, 0, 0.3);
			}

			.sgzh .k3 {
				position: absolute;
				top: 36px;
				left: 325px;
				width: 72px;
				height: 69px;
				font-size: 13px;
				color: rgba(0, 0, 0, 0.3);
			}

			.zuihouxiang {
				position: absolute;
				top: 204px;
				width: 1134px;
				border: 1px solid rgba(0, 0, 0, .1);
				background-color: rgba(0, 0, 0, .1);
			}

			.bigbox9 {
				position: absolute;
				top: 236px;
				left: 484px;
				width: 248px;
				height: 44px;
				margin: auto;
				background-color: white;
			}

			.bigbox9 .aa1 {
				position: absolute;
				top: 10px;
				left: 2px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.bigbox9 .aa2 {
				position: absolute;
				top: 10px;
				left: 34px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.bigbox9 .aa3 {
				position: absolute;
				top: 10px;
				left: 68px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.bigbox9 .aa4 {
				position: absolute;
				top: 10px;
				left: 104px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.bigbox9 .aa5 {
				position: absolute;
				top: 10px;
				left: 140px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.bigbox9 .aa6 {
				position: absolute;
				top: 10px;
				left: 176px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.bigbox10 {
				width: 130%;
				left: -176px;
				height: 389px;
				margin: 10px auto;
				position: absolute;
				top: 284px;
				background-color: #f0f0f0;
			}

			.bigbox10 .jctjj {
				position: absolute;
				top: 35px;
				left: 646px;
				margin: auto;
				width: 100%;
				height: 70px;
			}

			.bigbox10 .jctjj p {
				letter-spacing: 10px;
				font-size: 34px;
				color: black;
				position: absolute;
			}

			.hgyy {
				position: absolute;
				background-color: black;
				top: 121px;
				left: 161px;
				margin-left: 10px;
				width: 532px;
				height: 212px;
			}

			.hgyy img {
				position: absolute;
				top: -1px;
				width: 533px;
				height: 213px;
			}

			.gmzp {
				position: absolute;
				background-color: black;
				top: 121px;
				left: 715px;
				margin-left: 10px;
				width: 532px;
				height: 212px;
			}

			.gmzp img {

				position: absolute;
				top: -1px;
				width: 533px;
				height: 213px;
			}

			.lingdd {
				position: absolute;
				top: 341px;
				left: 426px;
				width: 535px;
				height: 44px;
				margin: auto;
				background-color: #f0f0f0;
			}

			.lingdd .cc1 {
				position: absolute;
				top: 10px;
				left: 174px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.lingdd .cc2 {
				position: absolute;
				top: 10px;
				left: 203px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: rgba(0, 0, 0, 0.3);
			}

			.lingdd .cc3 {
				position: absolute;
				top: 10px;
				left: 235px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: rgba(0, 0, 0, 0.3);
			}

			.lingdd .cc4 {
				position: absolute;
				top: 10px;
				left: 267px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: rgba(0, 0, 0, 0.3);
			}

			.lingdd .cc5 {
				position: absolute;
				top: 10px;
				left: 301px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: rgba(0, 0, 0, 0.3);
			}

			.lingdd .cc6 {
				position: absolute;
				top: 10px;
				left: 336px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: rgba(0, 0, 0, 0.3);
			}

			.lingdd .cc7 {
				position: absolute;
				top: 10px;
				left: 372px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: rgba(0, 0, 0, 0.3);
			}

			.bigbox11 {
				width: 130%;
				left: -176px;
				height: 687px;
				margin: 10px auto;
				position: absolute;
				top: 284px;
				background-color: #f0f0f0;
			}

			.xdsf {
				position: absolute;
				top: 35px;
				left: 646px;
				margin: auto;
				width: 100%;
				height: 70px;
			}

			.xdsf p {
				letter-spacing: 10px;
				font-size: 34px;
				color: black;
				position: absolute;
			}

			.xdsf1 {
				position: absolute;
				top: 115px;
				left: 538px;
				width: 413px;
				height: 44px;
				background-color: #f0f0f0;
			}

			.qq {
				position: absolute;
				width: 41px;
				height: 44px;

			}

			.qq p {
				position: absolute;
				left: 0px;
				width: 41px;
				height: 44px;
				color: green;
				font-size: 17px;
			}

			.qq1 {
				position: absolute;
				width: 41px;
				height: 44px;
			}

			.qq1 p {
				position: absolute;
				left: 88px;
				width: 47px;
				height: 44px;
				color: black;
				font-size: 17px;
			}

			.qq2 {
				position: absolute;
				width: 41px;
				height: 44px;
			}

			.qq2 p {
				position: absolute;
				left: 174px;
				width: 47px;
				height: 44px;
				color: black;
				font-size: 17px;
			}

			.qq3 {
				position: absolute;
				width: 41px;
				height: 44px;
			}

			.qq3 p {
				position: absolute;
				left: 262px;
				width: 47px;
				height: 44px;
				color: black;
				font-size: 17px;
			}

			.qq4 {
				position: absolute;
				width: 41px;
				height: 44px;
			}

			.qq4 p {
				position: absolute;
				left: 345px;
				width: 47px;
				height: 44px;
				color: black;
				font-size: 17px;
			}

			.xdsfs {
				position: absolute;
				background-color: #f0f0f0;
				top: 55px;
				left: -284px;
				margin: auto;
				width: 1164px;
				height: 200px;
			}

			.ww1 {
				position: absolute;
				top: 8px;
				left: 0px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.ww1 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px;
			}

			.zdf {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 1px;
				width: 28px;
				height: 16px;
			}

			.chulian {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 169px;
				height: 20px;
			}

			.ww2 {
				position: absolute;
				top: 8px;
				left: 197px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.ww2 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px;
			}

			.wuren {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 0px;
				width: 59px;
				height: 16px;
			}

			.zhidao {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 169px;
				height: 20px;
			}

			.ww3 {
				position: absolute;
				top: 8px;
				left: 395px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.ww3 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px;
			}

			.zixiao {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 0px;
				width: 59px;
				height: 16px;
			}

			.xyq {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 169px;
				height: 20px;
			}

			.ww4 {
				position: absolute;
				top: 8px;
				left: 592px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.ww4 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px;
			}

			.huyiw {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 0px;
				width: 77px;
				height: 16px;
			}

			.xss {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 169px;
				height: 20px;
			}

			.ww5 {
				position: absolute;
				top: 8px;
				left: 789px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.ww5 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px
			}

			.zaijian {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 0px;
				width: 140px;
				height: 16px;
			}

			.wzxq {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 169px;
				height: 20px;
			}

			.xdsfx {
				position: absolute;
				background-color: #f0f0f0;
				top: 251px;
				left: 0px;
				margin: auto;
				width: 1164px;
				height: 216px;
			}

			.rr1 {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.rr1 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px;
			}

			.vowww {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 1px;
				width: 120px;
				height: 16px;
			}

			.srcp {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 181px;
				height: 20px;
			}

			.rr2 {
				position: absolute;
				top: 0px;
				left: 197px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.rr2 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px;
			}

			.yuanfang {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 0px;
				width: 59px;
				height: 16px;
			}

			.leijia {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 169px;
				height: 20px;
			}

			.rr3 {
				position: absolute;
				top: 0px;
				left: 395px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.rr3 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px;
			}

			.zhoushen {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 0px;
				width: 59px;
				height: 16px;
			}

			.zhou {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 169px;
				height: 20px;
			}

			.rr4 {
				position: absolute;
				top: 8px;
				left: 592px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.rr4 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px;
			}

			.yiluo {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 0px;
				width: 77px;
				height: 16px;
			}

			.mengjing {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 169px;
				height: 20px;
			}

			.rr5 {
				position: absolute;
				top: 8px;
				left: 789px;
				width: 169px;
				height: 146px;
				background-color: aqua;
			}

			.rr5 img {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 169px;
				height: 146px
			}

			.dxl {
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 0px;
				width: 140px;
				height: 16px;
			}

			.liu {
				position: absolute;
				color: rgba(0, 0, 0, 0.3);
				font-size: 13px;
				top: 176px;
				left: 0px;
				width: 169px;
				height: 20px;
			}

			.bigbox12 {
				position: absolute;
				top: 221px;
				left: 444px;
				width: 248px;
				height: 44px;
				margin: auto;
				background-color: #f0f0f0;
			}

			.bigbox12 .ddd1 {
				position: absolute;
				top: 5px;
				left: 52px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: rgba(0, 0, 0, 0.3);
			}

			.bigbox12 .ddd2 {
				position: absolute;
				top: 5px;
				left: 15px;
				width: 9px;
				height: 9px;
				margin: auto;
				border-radius: 200px;
				background-color: gray;
			}

			.paihangp {
				width: 130%;
				left: -255px;
				height: 594px;
				margin: 10px auto;
				position: absolute;
				top: 508px;
				background-color:white;
			}

			.bigbox13 {
				position: absolute;
				top: 35px;
				left: 646px;
				margin: auto;
				width: 100%;
				height: 70px;
				background-color: white;
			}

			.bigbox13 p {
				letter-spacing: 10px;
				height: 43px;
				width:137px;
				top: 12px;
				left: 22px;
				font-size: 34px;
				color: black;
				position: absolute;
			}

			.zuopink {
				position: absolute;
				top: 114px;
				left: 89px;
				width: 236px;
				height: 423px;
				background-color: palevioletred;
			}

			.youpink {
				position: absolute;
				top: 114px;
				left: 360px;
				width: 236px;
				height: 423px;
				background-color: palevioletred;
			}

			.zhongl {
				position: absolute;
				top: 114px;
				left: 632px;
				width: 236px;
				height: 423px;
				background-color: #689ff0;
			}

			.diafeng {
				position: absolute;
				top: 114px;
				left: 900px;
				width: 236px;
				height: 423px;
				background-color: #83f0f0;
			}

			.bang {
				position: absolute;
				top: 114px;
				left: 1171px;
				width: 236px;
				height: 423px;
				background-color: #0bddf0;
			}

			.zuobox {
				position: absolute;
				
				top: 52px;
				left: 55px;
				width: 123px;
				height: 56px;

			}

			.dfb {
				position: absolute;
				top: -1px;
				left: 28px;
				width: 70px;
				height: 50px;
				color: white;
				font-size: 17px;
			}

			.renge {
				position: absolute;
				top: 23px;
				left: 33px;
				width: 84px;
				height: 31px;
				color: white;
				font-size: 21px;
			}

			.zzzxing {
				position: absolute;
				background-color: white;
				top: 140px;
				left: 90px;
				width: 32px;
				height: 2px;
			}

			.xzzzxing {
				position: absolute;
				
				top: 184px;
				left: 48px;
				width: 186px;
				height: 235px;
			}

			.xzzzxing .yunliang {
				position: absolute;
				color: white;
				top: 0px;
				left: 0px;
				width:176px;
				height: 84px;
				font-size:15px;
			} 
			.xzzzxing .wyzou
			{
			position: absolute;
			color: white;
			top: 24px;
			left: 10px;
			width: 125px;
			font-size: 15px;	
			}
			.xzzzxing .live{
			position: absolute;
			color: white;
			top: 77px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;	
			}
			.xzzzxing .yangzw
			{
			position: absolute;
			color: white;
			top: 102px;
			left: 10px;
			width:148px;
			font-size: 15px;	
			}
			.xzzzxing .rgky
			{
			position: absolute;
			color: white;
			top: 150px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;	
			}
			.xzzzxing .wla
			{
			position: absolute;
			color: white;
			top:175px;
			left: 10px;
			width: 125px;
			font-size: 15px;		
			}
			.youbox{
			position: absolute;
			
			top: 52px;
			left: 55px;
			width: 123px;
			height: 56px;	
			}
			.youbox .ddffbb
			{
			position: absolute;
			top: -1px;
			left: 28px;
			width: 70px;
			height: 50px;
			color: white;
			font-size: 17px;	
			}
			.youbox .xinge
			{
			position: absolute;
			top: 23px;
			left: 33px;
			width: 84px;
			height: 31px;
			color: white;
			font-size: 21px;	
			}
			.yyyxing
			{
			position: absolute;
			background-color: white;
			top: 140px;
			left: 90px;
			width: 32px;
			height: 2px;	
			}
			.xyyyxing
			{
			position: absolute;
			
			top: 184px;
			left: 48px;
			width: 186px;
			height: 235px;	
			}
			.nuoyan
			{
			position: absolute;
			color: white;
			top: 0px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;	
			}
			.guoyoucai
			{
			position: absolute;
			color: white;
			top: 24px;
			left: 10px;
			width: 125px;
			font-size: 15px;	
			}
			.rjbt
			{
			position: absolute;
			color: white;
			top: 77px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;	
			}
			.liuyy
			{
			position: absolute;
			color: white;
			top: 102px;
			left: 10px;
			width: 125px;
			font-size: 15px;	
			}
			.mshx
			{
			position: absolute;
			color: white;
			top:150px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;	
			}
			.jxcc
			{
			position: absolute;
			color: white;
			top:175px;
			left: 10px;
			width: 125px;
			font-size: 15px;	
			}
				
			.zhongbox{
			position: absolute;
			
			top: 52px;
			left: 55px;
			width: 123px;
			height: 56px;	
			}
				
			.dddfb
			{
			position: absolute;
			top: -1px;
			left: 28px;
			width: 70px;
			height: 50px;
			color: white;
			font-size: 17px;	
			}
				
			.lxzs{
			position: absolute;
			top: 23px;
			left: 33px;
			width: 84px;
			height: 31px;
			color: white;
			font-size: 21px;	
			}
			.zhongxiang{
			position: absolute;
			background-color: white;
			top: 140px;
			left: 90px;
			width: 32px;
			height: 2px;	
				
			}
			.zzzxiang{
			position: absolute;
			
			top: 184px;
			left: 48px;
			width: 186px;
			height: 235px;		
			}
			.brhj
			{
			position: absolute;
			color: white;
			top: 0px;
			left: 0px;
			width:178px;
			height: 84px;
			font-size:15px;	
			}
			.chengcs
			{
			position: absolute;
			color: white;
			top: 24px;
			left: 10px;
			width: 125px;
			font-size: 15px;
			}
			.zugou
			{
		position: absolute;
		color: white;
		top: 77px;
		left: 0px;
		width:176px;
		height: 84px;
		font-size:15px;	
			}
			.zhangdl
				
			{
			position: absolute;
			color: white;
			top: 102px;
			left: 10px;
			width: 157px;
			font-size: 15px;
			}
			.zhizzs
			{
			position: absolute;
			color: white;
			top: 150px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;		
			}
			.baoshi
			{
			position: absolute;
			color: white;
			top: 175px;
			left: 10px;
			width: 125px;
			font-size: 15px;	
			}
			.diabox
			{
			position: absolute;
			
			top: 52px;
			left: 55px;
			width: 123px;
			height: 56px;	
			}
			.diabox .diafengbb
			{
			position: absolute;
			top: -1px;
			left: 28px;
			width: 70px;
			height: 50px;
			color: white;
			font-size: 17px;	
			}
			.diabox .oumei
			{
			position: absolute;
			top: 23px;
			left: 33px;
			width: 84px;
			height: 31px;
			color: white;
			font-size: 21px;	
			}
			.diaxing{
			position: absolute;
			background-color: white;
			top: 140px;
			left: 90px;
			width: 32px;
			height: 2px;	
			}
			.dddiaxing
			{
			position: absolute;
			
			top: 184px;
			left: 48px;
			width: 186px;
			height: 235px;		
			}
			.haha{
				position: absolute;
				color: white;
				top:-3px;
				left: -5px;
				width: 125px;
				font-size: 15px;
			}
			.chun
			{
			position: absolute;
			color: white;
			top: 24px;
			left: 9px;
			width: 125px;
			font-size: 15px;	
			}
			.of{
			position: absolute;
			color: white;
			top: 77px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;		
			}
			.SH
			{
			position: absolute;
			color: white;
			top: 102px;
			left: 10px;
			width: 157px;
			font-size: 15px;	
			}
			.sk{
			position: absolute;
			color: white;
			top: 150px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;		
			}
			.BE
			{
			position: absolute;
			color: white;
			top: 175px;
			left: 10px;
			width: 125px;
			font-size: 15px;	
			}
			.bangbox
			{
			position: absolute;
			top: 52px;
			left: 55px;
			width: 123px;
			height: 56px;	
			}
			.bangbox .banffbb
			{
			position: absolute;
			top: -1px;
			left: 28px;
			width: 70px;
			height: 50px;
			color: white;
			font-size: 17px;	
			}
			.bangbox .han
			{
			position: absolute;
			top: 23px;
			left: 33px;
			width: 84px;
			height: 31px;
			color: white;
			font-size: 21px;	
			}
			.bangxing
			{
			position: absolute;
			background-color: white;
			top: 140px;
			left: 90px;
			width: 32px;
			height: 2px;	
			}
			.aaaxing
			{
			position: absolute;
			
			top: 184px;
			left: 48px;
			width: 186px;
			height: 235px;		
			}
			.oxx{
			position: absolute;
			color: white;
			top:-3px;
			left: -5px;
			width: 125px;
			font-size: 15px;	
			}
			.occ
			{
			position: absolute;
			color: white;
			top: 24px;
			left: 9px;
			width: 125px;
			font-size: 15px;	
			}
			.oqq
			{
			position: absolute;
			color: white;
			top: 77px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;	
			}
			.oee
			{
			position: absolute;
			color: white;
			top: 102px;
			left: 10px;
			width: 157px;
			font-size: 15px;	
			}
			.ott
			{
			position: absolute;
			color: white;
			top: 150px;
			left: 0px;
			width:176px;
			height: 84px;
			font-size:15px;	
			}
			.oyy
			{
			position: absolute;
			color: white;
			top: 175px;
			left: 10px;
			width: 125px;
			font-size: 15px;	
			}
			.lastbigbox{
				width: 130%;
				left: -255px;
				height:749px;
				margin: 10px auto;
				position: absolute;
				top:584px;
				background-color:#f0f0f0;
			}
			.bigbox15
			{
				position: absolute;
				top: 35px;
				left: 646px;
				margin: auto;
				width: 100%;
				height: 70px;
				background-color: #f0f0f0;
			}
			.bigbox15 p
			{
			letter-spacing: 10px;
			height: 43px;
			width:137px;
			top: 12px;
			left:314px;
			font-size: 34px;
			color: black;
			position: absolute;		
			}
			.jingxuanbox{
	
				position: absolute;
				background-color:#f0f0f0;
				top: 116px;
				left: 722px;
				width: 576px;
				height: 35px;
				
			}
			
		    .ccc1
			{
			position: absolute;
		    color: green;
			font-size: 17px;
			top: -2px;
			left: 14px;
			width: 35px;
			height: 30px;	
			}
		
			.ccc2{
			position: absolute;
			color: black;
			font-size: 17px;
			top: -2px;
			left: 110px;
			width: 45px;
			height: 30px;	
			}
		
			.ccc3{
			position: absolute;
			color: black;
			font-size: 17px;
			top: -2px;
			left: 204px;
			width: 45px;
			height: 30px;	
			}
		
			.ccc4
			{
			position: absolute;
			color: black;
			font-size: 17px;
			top: -2px;
			left: 307px;
			width: 45px;
			height: 30px;	
			}
		
			.ccc5
			{
			position: absolute;
			color: black;
			font-size: 17px;
			top: -2px;
			left: 403px;
			width: 45px;
			height: 30px;	
			}
		
			.ccc6
			{
			position: absolute;
			color: black;
			font-size: 17px;
			top: -2px;
			left: 497px;
			width:45px;
			height: 30px;	
			}
			.caomeixiong
			{
			position: absolute;
			background-color: #f0f0f0;
			top: 177px;
		    float: left;
			margin-left: 405px;
			width: 1196px;
			height: 236px;	
			}
		 .weishen
			{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 220px;
			height: 146px;
			background-color: aqua;	
			}
			.weishen img
			{
			position: absolute;
				top: 0px;
				left: 0px;
				width:220px;
				height: 146px;
				
			}
			.weishen .weiwei
			{
				position: absolute;
				color: black;
				font-size: 14px;
				top: 157px;
				left: 1px;
				width: 222px;
				height: 16px;
			}
			.weishen .shenshen
			{
			position: absolute;
			color: rgba(0, 0, 0, 0.3);
			font-size: 13px;
			top: 176px;
			left: 0px;
			width: 169px;
			height: 20px;	
			}
			.weishen .bofangb
			{
			position: absolute;
			color: rgba(0, 0, 0, 0.3);
			font-size: 13px;
			top: 194px;
			left: 0px;
			width: 169px;
			height: 20px;		
			}
			.jiejie
			{
			position: absolute;
			top: 0px;
			left: 238px;
			width: 220px;
			height: 146px;
			background-color: aqua;		
			}
			.jiejie img
			{
			position: absolute;
				top: 0px;
				left: 0px;
				width:220px;
				height: 146px;	
			}
			.guoguo
			{
			position: absolute;
			color: black;
			font-size: 14px;
			top: 157px;
			left: 1px;
			width: 222px;
			height: 16px;	
			}
			.yiyi
			{
			position: absolute;
			color: rgba(0, 0, 0, 0.3);
			font-size: 13px;
			top: 176px;
			left: 0px;
			width: 169px;
			height: 20px;	
			}
			.xiaxia
			{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 194px;
		left: 0px;
		width: 169px;
		height: 20px;	
			}
			.wowowo{
			position: absolute;
			top: 0px;
			left: 477px;
			width: 220px;
			height: 146px;
			background-color: aqua;		
			}
			.wowowo img
			{
			position: absolute;
				top: 0px;
				left: 0px;
				width:220px;
				height: 146px;		
			}
			.xixixi
			{
			position: absolute;
			color: black;
			font-size: 14px;
			top: 157px;
			left: 1px;
			width: 222px;
			height: 16px;	
			}
			.huanhuan{
			position: absolute;
			color: rgba(0, 0, 0, 0.3);
			font-size: 13px;
			top: 176px;
			left: 0px;
			width: 169px;
			height: 20px;	
			}
			.ninini{
			position: absolute;
			color: rgba(0, 0, 0, 0.3);
			font-size: 13px;
			top: 194px;
			left: 0px;
			width: 169px;
			height: 20px;	
			}
			.quququ{
			position: absolute;
			top: 0px;
			left:717px;
			width: 220px;
			height: 146px;
			background-color: aqua;		
			}
			.quququ img
			{
			position: absolute;
				top: 0px;
				left: 0px;
				width:220px;
				height: 146px;		
			}
			.mingming{
			position: absolute;
			color: black;
			font-size: 14px;
			top: 157px;
			left: 1px;
			width: 222px;
			height: 16px;		
			}
			.tiantian
			{
			position: absolute;
			color: rgba(0, 0, 0, 0.3);
			font-size: 13px;
			top: 176px;
			left: 0px;
			width: 169px;
			height: 20px;	
			}
		.caihong
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 194px;
		left: 0px;
		width: 169px;
		height: 20px;	
		}
		.toto{
		position: absolute;
		top: 0px;
		left:957px;
		width: 220px;
		height: 146px;
		background-color: aqua;		
		}
		.toto img
		{
		position: absolute;
			top: 0px;
			left: 0px;
			width:220px;
			height: 146px;	
		}
		.dinadian
		{
		position: absolute;
		color: black;
		font-size: 14px;
		top: 157px;
		left: 1px;
		width: 222px;
		height: 16px;	
		}
		.XIANXIAN
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 176px;
		left: 0px;
		width: 169px;
		height: 20px;		
		}
		.mianmiam
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 194px;
		left: 0px;
		width: 169px;
		height: 20px;	
		}
		
		.chaomeixiongxx
		{
		position: absolute;
		background-color: #f0f0f0;
		top: 422px;
		float: left;
		margin-left: 405px;
		width: 1196px;
		height: 236px;		
		}
		.dyzting
		{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 220px;
		height: 146px;
		background-color: aqua;		
		}
		.dyzting img 
		{
		position: absolute;
			top: 0px;
			left: 0px;
			width:220px;
			height: 146px;	
		}
		.huohuo
		{
		position: absolute;
		color: black;
		font-size: 14px;
		top: 157px;
		left: 1px;
		width: 224px;
		height: 16px;	
		}
		.zhezhe
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 176px;
		left: 0px;
		width: 169px;
		height: 20px;	
		}
		.nanana
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 194px;
		left: 0px;
		width: 169px;
		height: 20px;	
		}
		.dishimuu
		{
		position: absolute;
		top: 0px;
		left: 242px;
		width: 220px;
		height: 146px;
		background-color: aqua;		
		}
		.dishimuu img
		{
		position: absolute;
			top: 0px;
			left: 0px;
			width:220px;
			height: 146px;	
		}
		.dididi
		{
		position: absolute;
		color: black;
		font-size: 14px;
		top: 157px;
		left: 1px;
		width: 222px;
		height: 16px;	
		}
		.lilili
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 176px;
		left: 0px;
		width: 169px;
		height: 20px;		
		}
		.rerere
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 195px;
		left: 0px;
		width: 169px;
		height: 20px;	
		}
		.mxzl
		{
		position: absolute;
		top: 0px;
		left: 481px;
		width: 220px;
		height: 146px;
		background-color: aqua;	
		}
		.mxzl img{
		position: absolute;
			top: 0px;
			left: 0px;
			width:220px;
			height: 146px;	
		}
		.huanghuang
		{
		position: absolute;
		color: black;
		font-size: 14px;
		top: 157px;
		left: 1px;
		width: 222px;
		height: 16px;	
		}
		.xiaoxiao
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 176px;
		left: 0px;
		width: 169px;
		height: 20px;		
		}
		.yunyun
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 194px;
		left: 0px;
		width: 169px;
		height: 20px;	
		}
		.qlma{
		position: absolute;
		top: 0px;
		left:722px;
		width: 220px;
		height: 146px;
		background-color: aqua;		
		}
		.qlma img
		{
		position: absolute;
			top: 0px;
			left: 0px;
			width:220px;
			height: 146px;		
		}
		.ququququ
		{
		position: absolute;
		color: black;
		font-size: 14px;
		top: 157px;
		left: 1px;
		width: 222px;
		height: 16px;	
		}
		.luoluo
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 176px;
		left: 0px;
		width: 209px;
		height: 20px;	
		}
		.mamama
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 194px;
		left: 0px;
		width: 169px;
		height: 20px;	
		}
		.yeslz{
		position: absolute;
		top: 0px;
		left:961px;
		width: 220px;
		height: 146px;
		background-color: aqua;		
		}
		.yeslz img
		{
		position: absolute;
			top: 0px;
			left: 0px;
			width:220px;
			height: 146px;	
		}
		.teng
		{
		position: absolute;
		color: black;
		font-size: 14px;
		top: 157px;
		left: 1px;
		width: 222px;
		height: 16px;	
		}
		.gege
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 176px;
		left: 0px;
		width: 169px;
		height: 20px;	
		}
		.erer
		{
		position: absolute;
		color: rgba(0, 0, 0, 0.3);
		font-size: 13px;
		top: 194px;
		left: 0px;
		width: 169px;
		height: 20px;	
		}
		.bigbox18{
		position: absolute;
		top: 700px;
		left:930px;
		width: 248px;
		height: 44px;
		margin: auto;
		background-color:#f0f0f0;	
		}
		.bigbox18 .sir
		{
		position: absolute;
		top: 5px;
		left: 52px;
		width: 9px;
		height: 9px;
		margin: auto;
		border-radius: 200px;
		background-color: rgba(0, 0, 0, 0.3);	
		}
		.bigbox18 .miss
		{
		position: absolute;
		top: 5px;
		left: 15px;
		width: 9px;
		height: 9px;
		margin: auto;
		border-radius: 200px;
		background-color: gray;	
		}
		.bigbox18 .son
		{
		position: absolute;
		top: 5px;
		left: 92px;
		width: 9px;
		height: 9px;
		margin: auto;
		border-radius: 200px;
		background-color: rgba(0, 0, 0, 0.3);	
		}
		.bigbox18 .daughter
	
		{
		position: absolute;
		top: 5px;
		left: 133px;
		width: 9px;
		height: 9px;
		margin: auto;
		border-radius: 200px;
		background-color: rgba(0, 0, 0, 0.3);		
		}
		.enging
		{
		width: 130%;
		left: -255px;
		height:608px;
		margin: 10px auto;
		position: absolute;
		top:739px;
		background-color:black;	
		}
			
			
		</style>
	</head>
	<body>
		<div class="bigbox">
			<div class="bigbox1">
				<div class="bigbox2">
					<div class="sy">
						<p>首页</p>
					</div>
					<div class="gs">
						<p>歌手</p>
					</div>
					<div class="xd">
						<p>新碟</p>
					</div>
					<div class="phb">
						<p>排行榜</p>
					</div>
					<div class="flgd">
						<p>分类歌单</p>
					</div>
					<div class="dt">
						<p>电台</p>
					</div>
					<div class="mmvv">
						<p>MV</p>
					</div>
					<div class="szzj">
						<p>数字专辑</p>
					</div>
				</div>

				<div class="box1">
					<img src="img/qqym.png" />
					<h1>QQ音乐</h1>
				</div>
				<div class="box2">
					<h2>音乐馆</h2>
				</div>
				<div class="wd">
					<h3> 我的音乐</h3>
				</div>
				<div class="kh">
					<h4>客户端</h4>
				</div>
				<div class="kf">
					<h5>开放平台</h5>
				</div>
				<div class="vip">
					<h6> vip</h6>
				</div>
				<div class="serch">
					<img src="img/sstb.jpg" />
					<p><input type="text" placeholder="搜索音乐 MV  歌单  用户	" /></p>
				</div>
				<div class="dlu">
					<p> 登录</p>
				</div>
				<div class="kt">
					<p>开通VIP</p>
					<div class="p1"></div>
				</div>
				<div class="cz">
					<p>充值</p>
					<div class="p2"></div>
				</div>
			</div>

		</div>
		<div class="bigbox5">
			<div class="gdtj">
				<p>歌单推荐</p>
			</div>
			<div class="bigbox6">

				<div class="wntj">
					<p>为你推荐</p>
				</div>
				<div class="sg">
					<p>伤感</p>
				</div>
				<div class="yy">
					<p>英语</p>
				</div>
				<div class="jd">
					<p>经典</p>
				</div>
				<div class="gfgd">
					<p>官方歌单</p>
				</div>
				<div class="qg">
					<p>情歌</p>
				</div>
			</div>
			<div class="bigbox7">
				<div class="tuyi">
					<img src="img/1.jpg.jpg" />
					<div class="yi">

						<p>这些歌，光是听到就已经很遗憾了</p>
						<p>播放量：2622.5万</p>
					</div>
				</div>
				<div class="tuer">
					<img src="img/2.jpg.jpg" />
					<div class="er">
						<p>R.l.p CoCo李玟</p>
						<p> 播放量：688.2万</p>
					</div>
				</div>
				<div class="tusan">
					<img src="img/3.jpg.webp" />
					<div class="san">
						<p>抖音最火热门歌曲（持续更新中）</p>
						<p>播放量：2332.2万</p>
					</div>
				</div>
				<div class="tusi">
					<img src="img/4.jpg.jpg" />
					<div class="si">
						<p>抖音超热中文歌：一次听个够</p>
						<p>播放量：1157.3万</p>
					</div>
				</div>
				<div class="tuwu">
					<img src="img/5.jpg.webp" />
					<div class="wu">
						<p>抖音超热中文歌：越听越好听</p>
						<p>播放量：2874.6万</p>
					</div>
				</div>
				<div class="bigbox8">
					<div class="dd1"></div>
					<div class="dd2"></div>
					<div class="dd3"></div>
					<div class="dd4"></div>
					<div class="dd5"></div>
				</div>
			</div>
		</div>
		<div class="xgbigbox">
			<div class="xgsf">
				<p>新歌首发</p>
			</div>
			<div class="bbffbox">
				<div class="bofabox">
					<p>播放全部
					<div class="p5"></div>
					</p>
				</div>
				<div class="zx">
					<p>最新</p>
					<div class="a1">内地</div>
					<div class="a2">港台</div>
					<div class="a3">欧美</div>
					<div class="a4">韩国</div>
					<div class="a5">日本</div>
				</div>
			</div>
			<div class="ysyhbox">
				<div class="mww">
					<img src="img/88.jpg.webp">
					<div class="b1">一身焰火去罗马</div>
					<div class="b2">莫文蔚 /Karen Mok & The ... </div>
					<div class="b3">03:41</div>
					<div class="jxz">
						<img src="img/11.webp" />
						<div class="c1">侥幸者</div>
						<div class="c2">张远</div>
						<div class="c3">04:10</div>
					</div>
					<div class="yushi">
						<img src="img/44.webp" />
						<div class="d1">雨诗闽</div>
						<div class="d2">Aimer (工×)</div>
						<div class="d3">04:39</div>
					</div>
					<div class="hengx"></div>
				</div>
				<div class="dsmbox">
					<div class="dilireb">
						<img src="img/22.webp" />
						<div class="e1">第十幕（Episode X)</div>
						<div class="e2">迪丽热巴</div>
						<div class="e3">02:36</div>
						<div class="wxinli">
							<img src="img/77.jpg.webp">
							<div class="f1">观雪影视剧片头...</div>
							<div class="f2">王心凌</div>
							<div class="f3">04:33</div>
						</div>
						<div class="hzhf">
							<img src="img/55.jpg.webp">
							<div class="g1">我才不要和你做朋友呢...</div>
							<div class="g2">黄子弘凡</div>
							<div class="g3">03:33</div>
						</div>
						<div class="erheng"></div>
						<div class="wsgs">
							<img src="img/33.webp" />
							<div class="i1">我的问题</div>
							<div class="i2">余佳远</div>
							<div class="i3">03:10</div>
						</div>
						<div class="tcsy">
							<img src="img/66.jpg.webp""/>
							<div class=" j1">好声音，就在此刻
						</div>
						<div class="j2">那英</div>
						<div class="j3">03:45</div>
					</div>
					<div class="sgzh">
						<img src="img/9.jpg.webp" />
						<div class="k1">Shooting Star</div>
						<div class="k2">kepler</div>
						<div class="k3">02:18</div>
					</div>
					<div class="zuihouxiang"></div>
					<div class="bigbox9">
						<div class="aa1"></div>
						<div class="aa2"></div>
						<div class="aa3"></div>
						<div class="aa4"></div>
						<div class="aa5"></div>
						<div class="aa6"></div>
					</div>

				</div>
				<div class="bigbox10">
					<div class="jctjj">
						<p>精彩推荐</p>
					</div>
					<div class="hgyy">
						<img src="img/ni.jpg" />
					</div>
					<div class="gmzp">
						<img src="img/hao.jpg">
					</div>
					<div class="lingdd">
						<div class="cc1"></div>
						<div class="cc2"></div>
						<div class="cc3"></div>
						<div class="cc4"></div>
						<div class="cc5"></div>
						<div class="cc6"></div>
						<div class="cc7"></div>
					</div>
				</div>
				<div class="bigbox11">
					<div class="xdsf">
						<p> 新碟首发</p>
					</div>
					<div class="xdsf1">
						<div class="qq">
							<p>内地</p>
						</div>
						<div class="qq1">
							<p>港台</p>
						</div>
						<div class="qq2">
							<p>欧美</p>
						</div>
						<div class="qq3">
							<p>韩国</p>
						</div>
						<div class="qq4">
							<p>日本</p>
						</div>
						<div class="xdsfs">
							<div class="ww1">
								<img src="img/hywbd.webp" />
								<!-- <div class="zdfff"> -->
								<div class="zdf">初恋</div>
								<div class="chulian">庄达菲/程昊宇/毕雯珺</div>
								<!-- </div> -->
							</div>
							<div class="ww2">
								<img src="img/tmxk.jpg" />
								<div class="wuren">无人之岛</div>
								<div class="zhidao">小5</div>
							</div>
							<div class="ww3">
								<img src="img/zzz.webp" />
								<div class="zixiao">紫霞</div>
								<div class="xyq">萧忆情Alex</A></div>
							</div>
							<div class="ww4">
								<img src="img/chulian.webp" />
								<div class="huyiw">回忆忘不掉</div>
								<div class="xss">向思思</div>
							</div>
							<div class="ww5">
								<img src="img/xingkong.webp" />
								<div class="zaijian">再见，每个耀眼的瞬间</div>
								<div class="wzxq">旺仔小乔</div>
							</div>
							<div class="xdsfx">
								<div class="rr1">
									<img src="img/mrfz.webp" />
									<div class="vowww">Vows Of the Sea</div>
									<div class="srcp">塞壬唱片-MSR /Robert Wolf</div>
								</div>
								<div class="rr2">
									<img src="img/hhh.webp" />
									<div class="yuanfang">远方的花</div>
									<div class="leijia">雷佳</div>
								</div>
								<div class="rr3">
									<img src="img/zhoushen.webp" />
									<div class="zhoushen">去明天</div>
									<div class="zhou">周深</div>
								</div>
								<div class="rr4">
									<img src="img/ylmj.webp" />
									<div class="yiluo">遗落梦境</div>
									<div class="mengjing">高勋</div>
								</div>
								<div class="rr5">
									<img src="img/dxl.webp" />
									<div class="dxl">单行路</div>
									<div class="liu">刘瑞琦</div>
								</div>
								<div class="bigbox12">
									<div class="ddd1"></div>
									<div class="ddd2"></div>
								</div>
							</div>
							<div class="paihangp">
								<div class="bigbox13">
									<p>排行榜</p>
								</div>
								<div class="zuopink">
									<div class="zuobox">
										<div class="dfb">巅峰榜</div>
										<div class="renge">热歌</div>
									</div>
									<div class="zzzxing"></div>
									<div class="xzzzxing">
										<div class="yunliang">1 若月亮没来（若是月亮...</div>
										<div class="wyzou">王宇宙/乔浚成</div>
										<div class="live">2 若月亮没来（Live)</div>
										<div class="yangzw">杨宗纬/宝石Gem/王...</div>
										<div class="rgky">3 如果可以</div>
										<div class="wla">韦礼安</div>
									</div>
								</div>
								<div class="youpink">
									<div class="youbox">
										<div class="ddffbb">巅峰榜</div>
										<div class="xinge">新歌</div>
									</div>
									<div class="yyyxing"></div>
									<div class="xyyyxing">
										<div class="nuoyan"> 1 诺言（郭有才版）</div>
										<div class="guoyoucai">郭有才</div>
										<div class="rjbt">2 人间半途</div>
										<div class="liuyy">刘阳阳</div>
										<div class="mshx">3 暮色回响</div>
										<div class="jxcc">吉星出租</div>
									</div>
									
								</div>
								<div class="zhongl">
									<div class="zhongbox">
										<div class="dddfb">巅峰榜</div>
										<div class="lxzs">流行指数</div>
									</div>
									<div class="zhongxiang"></div>
									<div class="zzzxiang">
										<div class="brhj">1 不如回家喝自来水（Liv...</div>
										<div class="chengcs">陈楚生/王赫野</div>
										<div class="zugou">2 足够（live)</div>
										<div class="zhangdl">张栋梁/银河快递（Ga...</div>
										<div class="zhizzs">3 执子之手</div>
										<div class="baoshi">宝石Gem/-哩哩-</div>
									</div>
								</div>
								<div class="diafeng">
									<div class="diabox">
										<div class="diafengbb">巅峰榜</div>
										<div class="oumei">欧美</div>
									</div>
									<div class="diaxing"></div>
									<div class="dddiaxing">
										<div class="haha">1 Hero(Explicit)</div>
										<div class="chun">Charlie Puth</div>
										<div class="of">2 BIRDS OF A FEATHER</div>
										<div class="SH">Bilie Eilish</div>
										<div class="sk">3 SKINNY</div>
										<div class="BE">Bilie Eilish</div>
									</div>
								</div>
								<div class="bang">
									<div class="bangbox">
										<div class="banffbb">巅峰榜</div>
										<div class="han">韩国</div>
									</div>
									<div class="bangxing"></div>
									<div class="aaaxing">
										<div class="oxx">1 How Sweet</div>
										<div class="occ">NewJeans</div>
										<div class="oqq">2 Bubble Gum</div>
										<div class="oee">NewJwans</div>
										<div class="ott">3 (spring snow)...</div>
										<div class="oyy">10CM</div>
									</div>
								</div>
								<div class="lastbigbox">
									<div class="bigbox15">
										<p>MV</p>
									</div>
									
									<div class="jingxuanbox">
										<div class="ccc1">精选</div>
										<div class="ccc2">内地</div>
										<div class="ccc3">港台</div>
										<div class="ccc4">欧美</div>
										<div class="ccc5">韩国</div>
										<div class="ccc6">日本</div>
									</div>
									<div class="caomeixiong">
										<div class="weishen">
											<img src="img/bbb.webp"/>
											<div class="weiwei">威神v(wayV) << Give Me That(K...</div>
											<div class="shenshen">威神v(Wayv)</div>
											<div class="bofangb">2.8万</div>
										</div>
										<div class="jiejie">
											<img src="img/nnn.jpg"/>
											<div class="guoguo">我好像有一点喜欢你</div>
											<div class="yiyi">好妹妹</div>
											<div class="xiaxia">8989</div>
										</div>
										<div class="wowowo">
											<img src="img/mmm.webp"/>
											<div class="xixixi">借过一下</div>
											<div class="huanhuan">周深</div>
											<div class="ninini">7.0万</div>
										</div>
										<div class="quququ">
											<img src="img/zzz.jpg"/>
											<div class="mingming">去明天</div>
											<div class="tiantian">周深</div>
											<div class="caihong">3.5万</div>
										</div>
										<div class="toto">
											<img src="img/lll.webp"/>
											<div class="dinadian">SUHO<<点线面(1 to 3)>> MV</div>
											<div class="XIANXIAN">SUHO</div>
											<div class="mianmiam">2.1万</div>
										</div>
									</div>
									<div class="chaomeixiongxx">
										<div class="dyzting">
										<img src="img/kkk.webp"/>
										<div class="huohuo">我活着呐(<<走走停停>> 电影主题)</div>
										<div class="zhezhe">step.jad依加</div>
										<div class="nanana">1.5万</div>
										</div>
										<div class="dishimuu">
											<img src="img/vvv.webp"/>
											<div class="dididi">第十幕</div>
											<div class="lilili">迪丽热巴</div>
											<div class="rerere">14.2万</div>
										</div>
										<div class="mxzl">
											<img src="img/ccc.webp"/>
											<div class="huanghuang">梦想之路</div>
											<div class="xiaoxiao">黄霄雲</div>
											<div class="yunyun">1.1万</div>
										</div>
										<div class="qlma">
											<img src="img/her.webp"/>
											<div class="ququququ">一身焰火去罗马</div>
											<div class="luoluo">莫文蔚 /Karen Mok & The Maste...</div>
											<div class="mamama">8445</div>
										</div>
										<div class="yeslz">
											<img src="img/xxx.webp"/>
											<div class="teng">野兽领主</div>
											<div class="gege">腾格尔</div>
											<div class="erer">3161</div>
										</div>
										
										
									</div>
									<div class="bigbox18">
										<div class="sir"></div>
										<div class="miss"></div>
										<div class="son"></div>
										<div class="daughter"></div>
									</div>
									<div class="enging"></div>
								
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>